import type { RouteMeta, RouteRecordRaw } from 'vue-router'
import type { defineComponent } from 'vue'
import { Recordable } from "@/utils/types.ts";
export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>)

export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
  /*keepAlive?: boolean
  visible?: boolean
  icon?: string
  name: string
  sort?: number
  */
  parentId?: number
  meta: RouteMeta
  props?: Recordable
  /*component?: Component | string
  components?: Component
  componentName?: string
  children?: AppRouteRecordRaw[]
  fullPath?: string*/
}

export type AppRouteModule = AppRouteRecordRaw

export interface Menu {
  //  菜单名
  name: string
  // 菜单图标,如果没有，则会尝试使用route.meta.icon
  icon?: string
  img?: string
  // 菜单路径
  path: string

  // path contains param, auto assignment.
  paramPath?: string
  // 是否禁用
  disabled?: boolean
  // 子菜单
  children?: Menu[]
  // 菜单排序
  orderNo?: number


  meta?: Partial<RouteMeta>
  // 菜单标签设置
  // 是否隐藏菜单
  hideMenu?: boolean
}
